<script setup lang="ts">
import BasicLayout from '@/layouts/BasicLayout.vue'
import BlankLayout from '@/layouts/BlankLayout.vue'
import { useRoute } from 'vue-router'
import { healthUsingGet } from '@/api/mainController'
import axios from 'axios'
import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'

const route = useRoute()
// const loginUserStore = useLoginUserStore()
// loginUserStore.fetchLoginUser()
//
// healthUsingGet().then((res) => {
//   console.log(res)
// })
// axios.get('http://localhost:8123/api/health', { withCredentials: true })
//   .then(response => console.log(response))
</script>

<template>
  <div id="appPage">
    <component :is="route.meta.layout === 'blank' ? BlankLayout : BasicLayout" />
  </div>
</template>

<style scoped>
#appPage {
  height: 100vh;
}
</style>
